<template>
  <view class="pt-5">
    <!-- 定义一个导航栏-->
    <view class="d-flex align-items-center">
      <view class="d-flex align-items-center flex-fill bg-light rounded-5 p-3">
        <u-icon name="search" @click="search"></u-icon>
        <text class="flex-fill ms-1">精彩热搜：无与伦比</text>
      </view>
      <UText @click="goClass">分类</UText>

    </view>
    <text class="uni-radius " style="background-color: #4cd964"> 我是圆角呀</text>
    <swiper indicator-color="#ff0000" indicator-active-color="#00ff00" circular="false"
            :duration="9000" autoplay="true" :interval="3000"
            indicator-dots="true">
      <swiper-item>
        <image src="/static/logo.png" mode="aspectFit" style="width: 100%; "></image>
      </swiper-item>
      <swiper-item>
        <image src="/static/logo.png" mode=""></image>
      </swiper-item>
      <swiper-item>
        <image src="/static/logo.png" mode="aspectFit" style="width: 100%; "></image>
      </swiper-item>


    </swiper>




  </view>
</template>

<script>
export default {
  methods: {
    search() {

    }
  },
}
</script>

<style>


</style>
